*{
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	width: 100%;
	height: 100vh;
	background: rgb(242,242,242);
}

.biger{
	display: block;
	opacity: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px;
}
.todoList input{
	color: RGB(117,117,117);
}
.todoList input:hover{
	color: #000000;
}
.todoList input:focus{
	color: #000000;
}



.big{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.box{
	display: block;
	border: 1px solid #999999;
	box-sizing: border-box;
	margin: 1%;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.15);
	float: left;
	background:#FFFFFF ;
	overflow: hidden;
	border-radius: 5px;
}
.zonglan{
	width: 58%;
	height: 300px;
}
.daiban{
	width: 38%;
	height: 300px;
}
.gongjuxiang{
	width: 28%;
	height: 300px;
}
.qudaotongji{
	width: 68%;
	height: 300px;
}
.shishishuju{
	width: 98%;
	height: 300px;
}

.box-top{
	text-indent: 1em;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	font-size: 14px;
	color: #449D44;
	display: block;
	border-bottom: 1px solid #999999;
	box-sizing: border-box;
	float: left;
	vertical-align: middle;
}

.box-main{
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
	box-sizing: border-box;
	float: left;
	background:#FFFFFF;
}
.zonglan .box-main ul{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	/*padding: 14px;*/
	
}
.zonglan .box-main li{
	/*display: inline-block;*/
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.05);
	
	margin: 16px auto;
	width: 90%;
	height: 60px;
}
.zonglan .box-main li:nth-of-type(2n+0){
	/*float: right;*/
}
.zonglan .box-main li:hover{
	cursor: pointer;
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
	
}
.zonglan .box-main .left{
	display: block;
	float: left;
	width: 20%;
	height: 100%;
	text-align: center;
	background: #008000;
}
.zonglan .box-main .left p{
	line-height: 60px;
	box-sizing: border-box;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	
}
.zonglan .box-main .right p{

	font-size: 20px;
	color: #008000;
	text-align: center;
	line-height: 60px;
		
}

.daiban input{
	width: 100%;
	height: 40px;
	border: none;
	text-align: left;
	text-indent: 1em;
}
.daiban li{
	width: 100%;
	height: 40px;
	margin: 0px auto;
	
}
.box-main>input{
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0,0,0,0.1) ;
}
.daiban ul{
	/*border-top: 1px solid rgba(0,0,0,0.1) ;*/
}
.daiban li input{
	
	width: 80%;
	height: 40px;
    box-sizing: border-box;
    border: 0;
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.1) ;
}
.daiban li button{
	cursor: pointer;
	color: #FFFFFF;
	border: 1px inset rgba(0,0,0,0.1);
	background: #008000;
	width: 10%;
	height: 100%;
}

.daiban li button:hover{
	opacity: 0.8;
}
.daiban li button:active{
	opacity: 0.9;
}

.gongjuxiang ul{
	display: block;
	width: 100%;
	height: 100%;
}
.gongjuxiang li{
	display: block;
	float: left;
	width: 50%;
	height: 50%;
	background: #008000;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
    display: table-cell;
}
.gongjuxiang li:hover{
	opacity: 0.9;
}

.gongjuxiang li a {
	text-decoration: none;
	color: #FFFFFF;
	
}
.gongjuxiang li a i{
	font-size: 60px;
	line-height: 130px;
	color: #FFFFFF;
	
}
#echarts1{
	
	width: 100%;
	height: 100%;
}

#echarts2{
	width: 100%;
	height: 100%;
}








